<template>

    <div class="user">
        <SvgIcon name="user" color="#fff" size="20" class="icon" /><span>{{ userInfo.user_name }}</span>
    </div>

</template>

<script setup>
import { useUserStore } from '@renderer/store/user'
import { storeToRefs } from 'pinia'
const userStore = useUserStore()
const { userInfo } = storeToRefs(userStore)

</script>
<style lang="scss">
.user {
    display: flex;
    align-items: center;
    margin-left: 10px;

    .icon {
        margin-right: 4px;
    }
}
</style>
